/* mine/pages/einvoiceChargingOrder/einvoiceChargingOrder.wxss */
@import "../../../commin/commin.less";
.conter{
  .margins(12rpx;24rpx;12rpx;24rpx);
  .borderradius(16rpx,16rpx,16rpx,16rpx);
  .conter-in{
      &:first-child{
          .borders(2rpx,@white-color);
          border-radius: 16px;
          background: linear-gradient(0deg, @white-color, #F4F6F8);
          box-shadow: 4px 7px 20px 0px rgba(166, 171, 179, 0.24);
      }
  }
  .show{
      display: block;
  }
  .hide{
      display: none;
  }
  .invoiced-record{
      .borders(2rpx;@white-color);
      .paddings(32rpx;32rpx;32rpx;32rpx);
      background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
      box-shadow: 4px 7px 20px 0px rgba(166, 171, 179, 0.24);
      border-radius: 16px;
      margin-bottom: 16rpx;
      .record-in{
          .fontsize(30rpx);
          .lineheight(60rpx);
          color: @text-color1;
          padding-bottom: 15rpx;
          image{
              .kuangao(16rpx,27rpx);
              float: right;
              .cursor;
              margin-top: 21rpx;
          }
          &:first-child{
              display: grid;
              grid-template-columns:auto 20rpx; 
          }
          &:nth-child(2){
              display: grid;
              grid-template-columns:80% 20%;
              color: @text-color3;
              border-bottom: 1rpx solid #DCDFE6;
              .fontsize(28rpx);
              .prices{
                  color: @orange;
                  text-align: right;
                  font-weight: bold;
                  .fontsize(30rpx);
              }
          }
          &:last-child{
              .fontsize(28rpx);
              font-family: PingFang SC;
              color:@text-color4;
              margin-top: 30rpx;
              padding: 0;
          }
      }
  }
  .list{
      overflow: hidden;
      .paddings(32rpx;32rpx;32rpx;32rpx);
      .list-conter{
          // float: left;
          // width: 90%;
          margin-bottom: 20rpx;
          // display: grid;
          // grid-template-columns:70% 30%;
          display: flex;
          justify-content: space-between;
          width: 100%;
          align-items: center;
          border-bottom: 1px solid #DCDFE6;
          padding-bottom: 30rpx;
          .list-conter-left{
              clear: both;
              .lineheight(52rpx);
              display: flex;
              align-items: center;
              .left-name{
                  .fontsize(30rpx);
                  color: @text-color1;
              }
              .left-time{
                  .fontsize(24rpx);
                  color: @text-color3;
              }
          }
          .list-conter-right{
              color: @orange;
              .fontsize(30rpx);
              font-family: PingFang SC;
              font-weight: bold;
              .lineheight(104rpx);
              text-align: right;
          }

      }
  }
}